<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul id="ul">
			<li>电影</li>
			<li>动漫
				<ul>
					<li>国漫</li>
					<li>日漫</li>
					<li>韩漫</li>
				</ul>
			</li>
			<li>剧集
				<ul>
					<li>国漫</li>
					<li>日漫</li>
					<li>韩漫</li>
				</ul>
			</li>
		</ul>
		
		<script type="text/javascript">
			function getChild(root){
				var me=root;
				while(true){
					root.style.border="1px solid #000";
					if(root.firstElementChild){//null
						root=root.firstElementChild;
					}else if(root.nextElementSibling){
						root=root.nextElementSibling
					}else{
						while(!root.parentNode.nextElementSibling && root!=me.lastElementChild){
							root=root.parentNode;
						}						
						root=root.parentNode.nextElementSibling;						
						if(root==me.lastElementChild){
							root.style.border="1px solid #000";
							break;
						}
					}
				}
			}
			getChild(ul);
		</script>
	</body>
</html>
